<!DOCTYPE html>
<html>
<head>
        <title>{% block title %}{% endblock %}{{ SITENAME }}</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link rel="stylesheet" type="text/css" href="/css/extlib/reset.css"/>
        <link rel="stylesheet" type="text/css" href="/css/extlib/text.css"/>
        <link rel="stylesheet" type="text/css" href="/css/extlib/960_16_col.css"/>
        <link rel="stylesheet" type="text/css" href="/css/base.css"/>
        <link rel="stylesheet" type="text/css" href="/js/extlib/colorbox/colorbox.css"/>

        <!-- <link rel="stylesheet" href="theme/css/main.css" type="text/css" /> -->
        
        {% if FEED_ALL_ATOM %}
        <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom Feed" />
        {% endif %}
        {% if FEED_ALL_RSS %}
        <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
        {% endif %}
        <link rel="shortcut icon" href="/images/goblin.ico" />

<!--
<rdf:RDF xmlns="http://web.resource.org/cc/"
         xmlns:dc="http://purl.org/dc/elements/1.1/"
         xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<Work rdf:about="http://mediagoblin.org/">
<dc:title>GNU MediaGoblin</dc:title>
<dc:description></dc:description>
<license rdf:resource="http://creativecommons.org/licenses/by-sa/3.0/" />
</Work>
<License rdf:about="http://creativecommons.org/licenses/by-sa/3.0/">
</License>
</rdf:RDF>
-->

<script src="/js/extlib/jquery/jquery-1.10.2.min.js"></script>
<script src="/js/extlib/colorbox/jquery.colorbox.js"></script>
		<script>
			jQuery(document).ready(function(){
				jQuery("a.gallery").colorbox({rel:'group1', height:"90%"});
			});
		</script>
</head>

<body id="index">
  <div class="mediagoblin_body">
    <div class="container_16 mediagoblin_content">
      {% block content %}

		<div class="grid_9 alpha">
		    <a href="/pages/tour.html"><img src="/images/mediagoblin_frontpage_goblin.png" class="front_goblin" alt="Goblin holding screenshot" /></a>
		</div>


		<div class="grid_7 omega">
    		<div class="intro">
    		<img src="/images/logo/mediagoblin_medium.png" alt="MediaGoblin logo" />
    		<p>A free software media publishing platform that anyone can run. You can think of it as a decentralized alternative to Flickr, YouTube, SoundCloud, etc. </p>
    	</div>
  
    	<div class="grid_1 tour-screenshot alpha">
        	<a href="/images/tour/blender_attachment.png" class="gallery"><img src="/images/tour/blender_attachment-scaled.png"
        	alt="Downloadable blender attachment" /></a>
    	</div>
    
    	<div class="grid_1 omega">
        	&nbsp;
    	</div>
    
    	<div class="grid_1 tour-screenshot">
        	<a href="/images/tour/elronds_jewel.png" class="gallery"><img src="/images/tour/elronds_jewel-scaled.png"
        	    alt="Elrond's jewel" 
        	/></a>
    	</div>
    
    	<div class="grid_1 omega">
        	&nbsp;
    	</div>
    
    	<div class="grid_1 tour-screenshot">
        	<a href="/images/tour/mairin_profile.png" class="gallery"><img src="/images/tour/mairin_profile-scaled.png"
        	    alt="Profile of user mairin"
        	/></a>
    	</div>
    
    	<div class="grid_1 omega">
        	&nbsp;
    	</div>
    
    	<div class="grid_1 tour-screenshot">
        	<a href="/images/tour/sintel_video.png" data-class="gallery"><img src="/images/tour/sintel_video-scaled.png"
        	alt="Sintel video test"
        	/></a>
    	</div>
    
    	<div class="prefix_6 grid_9 suffix_1 alpha omega front_banner">
    	    <a href="http://docs.mediagoblin.org/deploying.html" class="call_to_action">Use MediaGoblin on your own server</a>
    	    <p>Don't own a server? Visit one of the <a href="http://wiki.mediagoblin.org/Live_instances">existing websites</a> running MediaGoblin.</p>
    	</div>
	</div>
 

<div class="clear"></div>

<div class="grid_9 suffix_1">
<h1>MediaGoblin is:</h1>
<ul class="feature_bullets">
    <!-- Why yes there are a couple of commented out bits here.
         We'll be uncommenting them in upcoming releases. ;) -->
    <li class="play_bullet">The perfect tool to <b>show and share your media!</b></li>
    <li class="world_bullet">Building tools to empower the world through <b>decentralization!</b><!-- and <b>federation!</b>--></li>
    <li class="extensibility_bullet">Built for <b>extensibility</b>.  Multiple media types, including video support!</li>
    <li class="freedom_bullet">Part of the <a href="http://gnu.org/">GNU project</a> and devoted to <b>user freedom</b>.</li>
    <li class="community_bullet">Powered by a community of <b>people like you</b>.</li>
  </ul>
  <p>Learn more about these features by <a href="/pages/tour.html">taking the tour →</a></p>
  <!-- <p class="campaign_link"><a href="/pages/campaign.html"><img src="/images/campaign/gavroche_cropped.png" alt="Gavroche says support MediaGoblin!" /></a><a class="campaign_link_link" href="/pages/campaign.html">We're currently running a campaign to support MediaGoblin! Check it out here →</a></p> -->
</div>
<div class="grid_6 omega">
<div class="front_quick_links">
Quick links:
<a href="/news/index.html">blog</a> &middot;
<a href="http://wiki.mediagoblin.org/">wiki</a> &middot;
<a href="http://issues.mediagoblin.org/">bug tracker</a> &middot;
<a href="http://gitorious.org/mediagoblin/mediagoblin">git repository</a>
</div>


<h2>Our community</h2>
<p>MediaGoblin is built by a vibrant and powerful communtiy of people like you.</p>
<p>There are lots of ways to keep up with what's happening in the MediaGoblin world:</p>
<ul>
<li>Add the <a href="http://mediagoblin.org/news/index.html">blog</a>'s <a href="http://mediagoblin.org/news/index.xml">RSS feed</a> to your favorite reader</li>
<li>Follow us on <a href="http://identi.ca/mediagoblin/">identi.ca</a>, <a href="http://www.twitter.com/mediagoblin">Twitter</a> or <a href="https://joindiaspora.com/u/mediagoblin">Diaspora</a></li>
<li>Subscribe to and talk on the <a href="http://lists.mediagoblin.org/listinfo/devel">mailing list</a></li>
<li>Chat with us on IRC the <a href="http://mediagoblin.org/pages/join.html#irc">#mediagoblin channel</a></li>
</ul>
<p>Anyone can join us to improve the project!</p>
<a href="http://mediagoblin.org/pages/join.html">Get involved!</a>
</div>
<div class="clear"></div>

<div class="grid_16">
<h2>The whole shebang</h2>
<div class="grid_4 alpha">
<h3>List of features</h3>
<p>There's going to be a whole list of things here.</p>
</div>
<div class="grid_4">
<h3>List of features</h3>
<p>There's going to be a whole list of things here.</p>
</div>
<div class="grid_4">
<h3>List of features</h3>
<p>There's going to be a whole list of things here.</p>
</div>
<div class="grid_4 omega">
<h3>List of features</h3>
<p>There's going to be a whole list of things here.</p>
</div>
</div>


{% endblock content %}

      <div class="clear"></div>
    </div>
    <div class="container_16">
      <div class="grid_16 mediagoblin_footer">
        <p>
          MediaGoblin is released under the <a href="http://www.gnu.org/licenses/agpl.html">GNU AGPLv3</a>. Site design released under <a href="http://creativecommons.org/publicdomain/zero/1.0/">CC0</a>. Get and use the <a href="/pages/logo.html" title="Get and use the MediaGoblin logo">MediaGoblin logo</a>.
        </p>

        <p class="c">
          <a href="/pages/campaign.html" class="campaign_donate"><img src="/images/campaign/heart.png" alt="<3" />Donate...</a>
        </p>
      </div>
    </div>
  </div>
</body>
</html>
